<html>
  <head>
    <title></title>
    <style>
    
      p {
        width:0.5*;
        overflow-x:hidden;
        white-space:nowrap;
        text-overflow:path-ellipsis;
        border:1px solid;
      }
    
    </style>
    <script type="text/tiscript"></script>
  </head>
<body>
 Change window size to see ellipsis:
 <p>/temp/pretty long/path/to the file.ext</p>
 Does not contain path separators - rendered as text-overflow:ellipsis :
 <p>temp pretty long path to the file.ext</p>

</body>
</html>
